<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <style>
	    body p{font-size:16px;}
		header a{font-size:14px; color:#F10158;}
		input[type=text]{background-color:#FFFFED; font-size:18px;}
		input[type*=pass]{background-color:#FFFFED; font-size:18px;}
	    section>img:first-child{width:200px; height:150px;}
		section li{color:#0099FF;}
		footer a{font-size:14px; color:#9873F2;}
	</style>
</head>

<body>
   <header>
  <img src="pic/01 上机练习素材/练习1：网易邮箱登录页面/图片素材/163logo.gif" width="131" height="59">
  <p>
    <a href="#">免费邮</a>&nbsp;<a href="#">企业邮</a>&nbsp;<a href="#">VIP邮箱</a>&nbsp;<a href="#">帮助</a>
  </p>
</header>
<section>
<img src="pic/01 上机练习素材/练习1：网易邮箱登录页面/图片素材/imap.jpg" width="369" height="242">
<form method="post" action="">
   <p>
  <ul>
         <li>163/126/yeah三大免费邮箱均默认开放</li>
         <li>全面支持iPhone/iPad及Android等系统</li>
         <li>客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录</li>
  </ul>
   </p>
      <p><a href="#">立即同步普通手机号登录</a></p>
      <p>
      用户名：<input type="text" name="1" value="" />@163.com
      </p>
      <p>
      密码&nbsp;&nbsp;&nbsp;&nbsp;：<input type="password" name="2" value="" />
      </p>
      <p>
      版本：<select name="3">
          <option value="11">默认</option>
          <option value="22">非默认</option>
      </select>
      </p>
      <p>
          <input type="checkbox" name="3" value="zidong"/>自动登录
           <input type="checkbox" name="3" value="ssl"/>SSL
      </p>
  <p>
         <input type="submit" value="登录"  name="66"/>
         <input type="submit" value="注册"  name="666"/>
      </p>
</section>
<footer>
      <p>
      <img src="pic/01 上机练习素材/练习1：网易邮箱登录页面/图片素材/netease_logo.gif" width="122" height="44"> <a href="#">关于网易</a>&nbsp;<a href="#">免费邮</a>&nbsp;<a href="#">官方博客</a>&nbsp;<a href="#">官方服务</a>&nbsp;<a href="#">隐私政策</a>&nbsp;|<a href="#">网易公司版权所有&copy;2015-2018</a>
</footer>
      
      
      
      
      
      
      
      
      
</form>
</body>
</html>
